<template>
	<view class="paymentCenter_box">
		<!-- banner 图 -->
		<view class="banner_box">
			<swiper :autoplay="true" :interval="3000" :duration="1000" circular indicator-color="#FFD7D9"
				class="swiper_banner_box">
				<swiper-item class="banner_image">
					<image src="https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/wayu/nwork46.png" mode="widthFix"></image>
				</swiper-item>
			</swiper>
		</view>
		<view class="ctes">
		    <view class="ban">
		    	<image src="https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/wayu/play2.png" mode="widthFix">
		    	</image>
		    </view>
			<view class="discount">
				<text>按次开通</text>
				<text style="font-size: 29rpx;font-weight: 500;margin-left: 10rpx;">(不限制时间)</text>
			</view>
			<view class="uni-tab-bar">
				<view class="goods">
			         <view class="goods2">
						<view class="MemberCenter_vip_goods" v-for="(goodsItem, goodsIndex) in good" :key="goodsIndex">
							<view :class="['MemberCenter_vip_good', { actives: ActiveNum === goodsIndex }]"
								@tap="Active(goodsIndex, goodsItem.productId, goodsItem.promotionPrice, goodsItem.quantity,goodsItem.productType)">
								<view class="MemberCenter_vip_good_text1">{{ goodsItem.title }}</view>
								<view class="MemberCenter_vip_good_text4">{{goodsItem.price + '元' }}
								</view>
								<view class="MemberCenter_vip_good_text3">
									<text>￥</text>
									{{ goodsItem.promotionPrice }}
								</view>
	
							</view>
						</view>
					</view>
				</view>
				
		</view>
		<view class="ailen-cen" v-if="couponsShow">
			<u-count-down :time="couponsTiem" format="DD:HH:mm:ss" autoStart millisecond
				@change="onChangeCoupons" @finish="finish">
				<view class="time">
					<!-- <view class="time__custom">
						<text class="time__custom__item">{{ timeData.days }}</text>
					</view>
					<text class="time__doc_tian">天</text> -->
					<view class="time__custom">
						<text
							class="time__custom__item">{{ timeData.hours >= 10 ? timeData.hours : '0' + timeData.hours }}</text>
					</view>
					<text class="time__doc">:</text>
					<view class="time__custom">
						<text
							class="time__custom__item">{{ timeData.minutes >= 10 ? timeData.minutes : '0' + timeData.minutes }}</text>
					</view>
					<text class="time__doc">:</text>
					<view class="time__custom">
						<text
							class="time__custom__item">{{ timeData.seconds >= 10 ? timeData.seconds : '0' + timeData.seconds }}</text>
					</view>
					<!-- <text class="time__doc_tian">后过期</text> -->
				</view>
			</u-count-down>
			<view class="ps">
				<image src="https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/wayu/nwork45.png" mode="widthFix">
				</image>
			</view>
		</view>
		
		
			
			<view class="introduce_title" style="margin-top: 20rpx;">
				<text>什么是伪原创？</text>
			</view>
			<view class="introduce">
				<text>人工智能(AI)伪原创是基于人工智能、大数据、神经网络和NLP等技术,从海量媒体内容中深度学习而挖掘推导出智能改写、科学审校的自动写作平台,既不更改内容的语义,又能生成通过公众号、头条号等自媒体平台原创检测和百度等搜索引擎收录,为媒体工作者提供一站式的内容生产服务和工具,全面提升媒体写作的效率。</text>
			</view>
			<view class="introduce_title" style="margin-top: 20rpx;">
				<text>温馨提示</text>
			</view>
			<view class="introduce">
				<view>1、开通会员后<text style="color: red;">不支持退款。</text>
					请试用满意后再购买(虚拟产品不支持退款详情请查看<text @click="toggle('center')" style="color: #5490FF;">《消费者权益保护法》</text>
				</view>
				<view>2、若开通会员后10分钟内会员仍然没有到账,请在"我的"页面点击"刷新会员"</view>
				<view>1、特效时长中,1个月=30天。</view>
				<!--				<view>1、如有其它疑问,请<text style="color: #5490FF;" @click="goService">联系客服>></text>。</view>-->
			</view>
		</view>
		<view class="btn_box">
			<view class="btn" @click="formSubmit">
				<text class="btn_text">{{promotionPrice}}元立即开通</text>
			</view>
		</view>

		<uni-popup ref="popup" background-color="#fff">
			<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
				<view style="color: black;height: 700rpx;width: 600rpx;">
					<view style="padding: 40rpx 40rpx 40rpx 40rpx;">
						<view style="font-size: 34rpx;margin-left: 140rpx;">
							消费者权益保护法
						</view>
						<view style="margin-top: 30rpx;font-size: 28rpx;margin-left: 20rpx;">
							<view style="margin-top: 10rpx;">第二十五条 经营者采用网络、电视、电</view>
							<view style="margin-top: 10rpx;">话、邮购等方式销售商品，消费者有权</view>
							<view style="margin-top: 10rpx;">自收到商品之日起七日内退货，且无需</view>
							<view style="margin-top: 10rpx;">说明理由，但下列商品除外：</view>

						</view>
						<view style="margin-top: 10rpx;font-size: 28rpx;">
							（一）消费者定作的;
						</view>
						<view style="margin-top: 10rpx;font-size: 28rpx;">
							（二）鲜活易腐的;
						</view>
						<view style="margin-top: 10rpx;font-size: 28rpx;">
							（三）在线下载或者消费者拆封的音像
							<view style="margin-top: 10rpx;font-size: 28rpx;">
								制品,计算机软件等数字化商品;
							</view>
						</view>
						<view style="margin-top: 10rpx;font-size: 28rpx;">
							（四）交付的报纸、期刊。
						</view>
					</view>

					<view style="height: 100rpx;width: 100%;background: red;position: relative;margin-top: 58rpx;"
						@click="close">
						<view style="color: white;font-size: 32rpx;left:43%;bottom: 30%;;position: absolute;">
							知道了
						</view>
					</view>
				</view>
			</view>
		</uni-popup>

		<!-- <page-container :show="isShow" :overlay="false" @beforeleave="beforeleave" /> -->
		<u-popup :show="isCouponPopUp" @close="isCouponPopUp = false" mode="center" :round="18">
			<image src="https://iflytts.oss-cn-qingdao.aliyuncs.com/website/img/webway/qy.png" mode="widthFix">
			</image>
			<view class="popup-s" @click="formSubmit2">
			</view>
			<view class="fork" @click="isCouponPopUp = false">
				<image src="../../static/memberCenter/guanbi.png" mode=""></image>
			</view>
		</u-popup>
	</view>
</template>

<script>
	import cryptoJs from '../../utils/encryptDES.js';
	import {
		apiMixUrlApi,
	} from '@/api/assemb.js';
	import {
		isLogin,
		vipType
	} from '@/business/login.js';
	import store from '../../store/idnex.js';
	import {
		grayControl
	} from '@/utils/grayControl.js'
	var app = getApp();

	function compare(property) {
		return function(a, b) {
			console.log(a, b);
			var value1 = a[property];
			var value2 = b[property];
			return value2 - value1; //倒序   value1-value2  正序
		};
	}
	export default {
		data() {
			return {
				showr: true,
				shows: false,
				time: 24 * 60 * 60 * 1000,
				src: '/static/my/tx_w.png',
				// price: "60.00"
				// productId: "dyaixz.month"
				// productType: "2"
				// promotionPrice: "40.00"
				// quantity: "1"
				// subtitle: null
				// title: "1个月"
				goods: [{
					averagePrice:"1.3",
					price:"60.00",
					promotionPrice:"40.00",
					quantity: "1",
					title: "1个月",
					productId: 'dyway.month',
					productType: "2",
				}, ],
				//第二个防止抖音查的
				good: [{
						averagePrice: "0.0",
						price: "60.00",
						productId: "dyaixz.300coins",
						productType: "1",
						promotionPrice: "40.00",
						quantity: "300",
						subtitle: null,
						title: "300次",
					},
					{
						averagePrice: "0.3",
						price: "398.00",
						productId: "dyaixz.5000coins",
						productType: "1",
						promotionPrice: "98.00",
						quantity: "5000",
						subtitle: null,
						title: "5000次",
					},
					{
						averagePrice: "1.3",
						price: "998.00",
						productId: "dyaixz.20000coins",
						productType: "1",
						promotionPrice: "168.00",
						quantity: "20000",
						subtitle: null,
						title: "50000次",
					},
				],
				ActiveNum:2,
				productid: "dyaixz.20000coins",
				promotionPrice: 168.00,
				quantity: 1,
				productType: 2,
				isVip: false,
				isLogin: false, //是否登录
				userid: '',
				userInfo: '',
				vip: {
					ID: '659874',
					IDTiem: '2021.10.21 12:45'
				},
				coupons: {
					desc: '限时优惠卷，仅用于终生会员',
					price: 10,
				},
				couponsShow: false,
				timeData: {},
				timeData2: {},
				show: false,
				title: '温馨提示',
				content: '您还未登录，该功能登录后方可使用。',
				confirmText: '登录',
				isShow: true, // 是否显示容器组件 (假页)
				// overlay: false, // 是否显示遮罩层
				isCouponPopUp:false, //是否 弹出优惠劵框
				// Showa: true,
				show1: true,
				// show2: true,
				show3: 1,
				disabled: true,
				button_text: '确定购买',
				showBox: false,
				couponsTiem: 0,
				UserProfile: {},
				baseList: [{
						name: '/static/memberCenter/tool_mf.png',
						title: '免费AI伪原创'
					},
					{
						name: '/static/memberCenter/tool_yc.png',
						title: '原创文案解说'
					},
					{
						name: '/static/memberCenter/tool_gj.png',
						title: '高级伪原创'
					},
					{
						name: '/static/memberCenter/tool_sy.png',
						title: '所有工具免费'
					}
				],
			};
		},
		onShow() {
			if (!uni.getStorageSync('vipType') || uni.getStorageSync('vipType').vipStatus == 0) {
				this.vipes = 2
				console.log(this.vipes)
			}
			let that = this
			// setTimeout(function() {
			if (uni.getStorageSync('frequencyrs') < 4 && that.vipes == 2) {
				console.log('不是会员')
				if (!uni.getStorageSync('couponTime')) {
					if (!uni.getStorageSync('Timerpromax')) {
						console.log('第一次进来没有参数', uni.getStorageSync('couponTime'))
						let couponTime = 10 * 60 * 1000;
						uni.setStorageSync('couponTime', couponTime);
						setTimeout(function() {
							that.couponsShow = true
							that.isCouponPopUp = true
							// that.fetchAD()
						}, 600);
			
					}
				} else if (uni.getStorageSync('couponTime') > 0 && that.ActiveNum == 2) {
					console.log('第二次进来')
					setTimeout(function() {
						that.couponsShow = true
						that.isCouponPopUp = true
						// that.fetchAD()
						// vipType(true);
					}, 600);
				}
			}
			
			
			this.couponsTiem = uni.getStorageSync('couponTime');

			// this.fetchAD()
			// this.fetchPrice()
		},
		onLoad() {
			this.isLogin = isLogin();
			this.isVip = uni.getStorageSync('vipType').vipStatus == 1 ? true : false;
			this.vip = uni.getStorageSync('vipType');
			this.UserProfile = uni.getStorageSync('UserProfile');
			this.userid = uni.getStorageSync('baseinfopro').userid;
			this.fetchPrice()
			let that = this
				setTimeout(function() {
					console.log('这里走了吗1')
					console.log(that.couponsShow)
					if (that.couponsShow == true) {
						console.log('这里走了吗2')
						that.fetchAD();
					}
				}, 1400);
		},
		onUnload() {
			let couponTime = this.timeData.minutes * 60 * 1000 + this.timeData.seconds * 1000;
			uni.setStorageSync('couponTime', couponTime);
		},
		methods: {
			//获取优惠卷
			fetchAD() {
				let _this = this;
				var data = {};
				apiMixUrlApi(data, '1076', 'CouponInfo').then(result => {
					console.log(result, '这里是获取优惠卷的地方');
					_this.coupons = result.coupo[0];
					_this.promotionPrice = _this.good[2].promotionPrice - result.coupo[0].price;
					// _this.good[2].promotionPrice = _this.good[2].promotionPrice - result.coupo[0].price;
					// _this.promotionPrice = _this.promotionPrice - result.coupo[0].price;
					console.log(_this.promotionPrice, '--------')
				});
			
			},
			//获取商品信息
			fetchPrice() {
				let that = this
				let data = {}
				apiMixUrlApi(data, 1041, 'QueryProductInfo').then(result => {
					console.log(result, 'result', '-----------------');
					if (result.status == 0) {
						that.good = result.product.slice(0, 3)
						console.log(that.good)
					}
				});
			},
			finish() {
				console.log('这个地方倒计时结束了')
				uni.setStorageSync('Timerpromax', 1);
				this.isCouponPopUp = false
				this.couponsShow = false
			},
			//弹窗
			toggle(type) {
				console.log('111111')
				this.type = type
				this.$refs.popup.open(type)
			},
			close() {
				this.$refs.popup.close()
			},
			closure() {
				console.log('aaa');
				this.show2 = false;
			},
			confirm() {
				console.log('确认');
				this.show = false;
				this.login();
			},
			formSubmit2(){
				this.qopay()
			},
			/**
			 * 调用支付
			 */
			formSubmit() {
				const that = this
				that.qopay()
			},
			qopay() {
				var app = getApp();
				var that = this;
				let param = {
					// "fee": this.promotionPrice,
					// "fee": 0.01,
					
					"fee": this.promotionPrice,
					// "fee": 0.01,
					"openid": uni.getStorageSync('baseinfopro').openid,
					"type":1,
					"neednotifyadd": 1,
					"productName": this.productid,
					"subject": '抖音小程序支付'
				};
				uni.showLoading({
					title: '加载中...'
				});
				// apiMixUrlApi(param, 1080, 'DYPayOrder').then(result => {
				// 	console.log(result);
				// 	that.payment(result);
				// 	uni.hideLoading();
				// });
				apiMixUrlApi(param,1137,'DYNewPayOrder').then((json) => {
					console.log(json,'========')
					if (json.descinfo == 'success') {
						tt.requestOrder({
							data: JSON.stringify(json.data),
							byteAuthorization: json.byteAuthorization,
							success: (res) => {
								console.log('成功', res);
								tt.getOrderPayment({
									orderId: res.orderId,
									success: (res2) => {
										uni.showToast({
											title: '支付成功!',
											icon: 'success',
											duration: 2000
										});

										setTimeout(function() {
											vipType(true);
										}, 2000);

										console.log('成功', res2);
									},
									fail: (res2) => {
										console.log(res2, '3333333');
									}
								});
							},
							fail: (res) => {
								console.log(res, '444444');
							}
						});
					} else {
						uni.showModal({
							title: '提示',
							content: json.descinfo,
							showCancel: false,
							success(res) {}
						});
						// reportAnalytics('DYPayOrder', {
						// 	descinfo: json.descinfo
						// });
					}
				});
				
			},
			//老支付
			// payment(n) {
			// 	let _this = this;
			// 	tt.pay({
			// 		orderInfo: {
			// 			order_id: n.order_id,
			// 			order_token: n.order_token
			// 		},
			// 		service: 5,
			// 		_debug: 0,
			// 		success(res) {
			// 			if (res.code == 0) {
			// 				console.log('支付成功处理逻辑');
			// 				// 支付成功处理逻辑，只有res.code=0时，才表示支付成功
			// 				// 但是最终状态要以商户后端结果为准
			// 				vipType(true);
			// 			}
			// 		},
			// 		fail(res) {
			// 			// 调起收银台失败处理逻辑
			// 			console.log('调起收银台失败处理逻辑');
			// 		}
			// 	});
			// },


			onChange(e) {
				this.timeData2 = e;
			},
			onChangeCoupons(e) {
				this.timeData = e;
			},
			Active(index, productId, promotionPrice, quantity, productType) {
				this.ActiveNum = index;
				this.productid = productId;
				this.quantity = quantity;
				this.productType = productType
				if (index == 2 && this.couponsShow == true) {
					console.log('有优惠卷')
					this.promotionPrice = promotionPrice - this.coupons.price;
				} else {
					console.log('没有优惠卷')
					this.promotionPrice = promotionPrice;
				}
							
				console.log(productId, 'productId');
				console.log(this.productid)
				console.log(this.promotionPrice, '这是价格')
				
			},
			goService() {
				uni.navigateTo({
					url: '/pages/service/service'
				})
			}
		}
	};
</script>


<style lang="scss" scoped>
	/deep/.u-safe-bottom {
		padding-bottom: 0 !important;
	}
	/deep/.u-popup__content{
		background-color: #00000000 !important;
	}
	.popup-s {
		position: absolute;
		width: 550rpx;
		height: 100rpx;
		/* background: red; */
		bottom: 165rpx;
		left: 0rpx;
		// display: flex;
		// /* height: -webkit-fill-available; */
		// align-items: center;
		// justify-content: center;
		color: white;
	
	}
	.ailen-cen {
	
	
		margin-top: 30rpx;
		width: 750rpx;
		height: 376rpx;
		background: #FFFFFF;
		border-radius: 40rpx 40rpx 40rpx 40rpx;
		opacity: 1;
		margin-top: 30rpx;
		overflow: hidden;
		position: relative;
	
		.time {
			display: flex;
			width: 200rpx;
			position: absolute;
			left: 300rpx;
			top: 30rpx;
	
			.time__custom {
				height: 50rpx;
				width: 50rpx;
				background: #F5E6E8;
				display: flex;
				align-items: center;
				justify-content: center;
			}
	
			.time__customs {
				height: 50rpx;
				width: 50rpx;
				background: #F5E6E8;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-left: 15rpx;
			}
	
			.time__customss {
				height: 50rpx;
				width: 50rpx;
				background: #F5E6E8;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-left: 15rpx;
			}
		}
	
		.ps {
			width: 623rpx;
			height: 312rpx;
			margin-left: 90rpx;
			margin-top: 30rpx;
	
			image {
				width: 100%;
				height: 100%
			}
		}
	
	}
	.ctes{
		// height: 1160rpx;
		width: 750rpx;
		// height: 830rpx;
		background: #FFFFFF;
		border-radius: 40rpx 40rpx 40rpx 40rpx;
		opacity: 1;
		overflow: hidden;
		.ban {
			width: 690rpx;
			height: 224rpx;
			margin-left: 25rpx;
			margin-top: 40rpx;
		
			image {
				width: 100%;
				height: 100%;
			}
		}
	}

	.fork {
		width: 67rpx;
		height: 67rpx;
		margin: auto;
		margin-top: 34rpx;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.CouponPopUp_box {
		width: 586rpx;
		height: 809rpx;

		.CouponPopUp_back {
			width: 100%;
			height: 100%;
			position: relative;

			image {
				width: 100%;
				height: 100%;
			}
		}

		.CouponPopUp_content {
			width: 586rpx;
			height: 809rpx;
			position: absolute;
			top: 0rpx;
			left: 0rpx;

			.content_time {
				margin-top: 144rpx;
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;

				.clock {
					width: 27rpx;
					height: 27rpx;
					margin-right: 12rpx;
				}

				.time2 {
					.time__item2 {
						font-size: 21rpx;
						font-family: PingFang SC;
						font-weight: bold;
						color: #723314;
						line-height: 50rpx;
					}
				}
			}

			.content_price {
				margin-top: 95rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 0rpx 70rpx;

				.content_price_letf {
					.price_left_top {
						font-size: 33rpx;
						font-family: PingFang SC;
						font-weight: bold;
						color: #723314;
						margin-bottom: 30rpx;
					}

					.price_left_bottom {
						font-size: 19rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #a26122;
					}
				}

				.content_price_right {
					.price_right_front {
						font-size: 83rpx;
						font-family: PingFang SC;
						font-weight: bold;
						color: #333333;
					}

					.price_right_after {
						font-size: 35rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #333333;
					}
				}
			}

			.specialPrice {
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 33rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #fff7d1;
				margin-top: 50rpx;

				text {
					font-size: 98rpx;
					font-family: Gill Sans MT;
					font-weight: bold;
					color: #ffe615;
				}
			}

			.offerToBuy {
				margin: auto;
				margin-top: 53rpx;
				height: 80rpx;
				width: 80%;
				font-size: 35rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #b44200;
				background-color: #fff7d1;
				line-height: 80rpx;
				text-align: center;
				border-radius: 20rpx;
			}

			.originalPrice {
				font-size: 33rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #fff8d6;
				text-align: center;
				margin-top: 10rpx;
				text-decoration: line-through;
			}
		}
	}

	.btn_box {
		width: 100%;
		height: 138rpx;
		position: fixed;
		left: 0;
		bottom: 0;
		background-color:#FFF3F3;

		.btn {
			background: linear-gradient(180deg, #F9B7C0 0%, #F6D199 100%);
			border-radius: 64rpx 64rpx 64rpx 64rpx;
			width: 636rpx;
			
			margin: auto;
			margin-top: 20rpx;
			margin-bottom: 20rpx;
			text-align: center;

			.btn_text {
				font-size: 30rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #FFFFFF;
				line-height: 86rpx;
			}
		}
	}


	.evaluate {
		width: 702rpx;
		height: 275rpx;
		margin: auto;
		margin-bottom: 158rpx;

		.evaluate_swiper {
			width: 702rpx;
			height: 275rpx;

			.banner_image {
				image {
					width: 100%;
					height: 100%;
				}
			}
		}

	}

	.coupons_box {
		width: 658rpx;
		margin: auto;
		margin-top: 30rpx;

		.coupons_sett {
			position: absolute;
			width: 658rpx;
			height: 127rpx;

			image {
				width: 100%;
				height: 100%;
			}
		}

		.coupons_content {
			display: flex;
			width: 658rpx;
			height: 128rpx;
			position: relative;
			top: 0rpx;
			left: 0rpx;

			.content_left {
				width: 70%;

				.left_title {
					font-size: 20rpx;
					font-family: Source Han Sans CN;
					color: #333333;
					margin-left: 138rpx;
					padding-top: 10rpx;
				}

				.left_time {
					margin-left: 137rpx;
					margin-top: 32rpx;

					.time {
						@include flex;
						align-items: center;
						color: #F83F3F;
						font-size: 24rpx;

						&__custom {
							margin: 0 4rpx;
							width: 34rpx;
							height: 28rpx;
							background-color: #F83F3F;
							border-radius: 4px;
							/* #ifndef APP-NVUE */
							display: flex;
							/* #endif */
							justify-content: center;
							align-items: center;

							&__item {
								color: #fff;
								font-size: 22rpx;
								text-align: center;
							}
						}

						&__doc {
							color: #161616;
							padding: 0px 4px;
						}

						&__item {
							color: #606266;
							font-size: 15px;
							margin-right: 4px;
						}
					}
				}
			}

			.content_right {

				.right_text {
					font-size: 58rpx;
					font-family: Source Han Sans CN;
					font-weight: bold;
					color: #fff;
					margin-left: 35rpx;
					line-height: 120rpx;
					position: relative;
				}

				.right_F {
					position: absolute;
					top: 44rpx;
					right: 28rpx;
					font-size: 30rpx;
					font-family: Source Han Sans CN;
					font-weight: bold;
					color: #ee4245;
					line-height: 20rpx;
				}
			}
		}
	}

	.actives {
		background: #FFF5F6 !important;
		border: 4rpx solid #FFDCE1 !important;

		.MemberCenter_vip_good_text1,
		.MemberCenter_vip_good_text2 {
			color: #FF4B2D !important;

			text {
				color: #FF4B2D !important;
			}
		}
	}

	.MemberCenter_vip_goods {
		// margin-top: 50rpx;

		.MemberCenter_vip_good {
			width: 208rpx;
			height: 230rpx;
			background: #F8F8F8;
			border-radius: 18rpx;
			text-align: center;
			position: relative;
			border: 2rpx solid #FFFFFF;

			.MemberCenter_vip_good_B {
				width: 65rpx;
				height: 34rpx;
				position: absolute;
				top: 0;
				left: 0;

				image {
					width: 100%;
					height: 100%;
				}
			}

			.MemberCenter_vip_good_text1 {
				margin-top: 30rpx;
				// font-size: 22rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #333333;
				margin-bottom: 10rpx;
			}

			.MemberCenter_vip_good_text2 {
				font-size: 31rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #FF4B2D;
				margin-bottom: 10rpx;
			}

			.MemberCenter_vip_good_text3 {
				font-size: 40rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #333333;
				margin-top: 20rpx;

				text {
					font-size: 40rpx;
					font-family: Source Han Sans CN;
					font-weight: bold;
					color: #333333;
				}
			}

			.MemberCenter_vip_good_text4 {
				margin-top: 20rpx;
				font-size: 20rpx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #999999;
				text-decoration: line-through;
			}
		}
	}

	.goods2 {
		margin-left: 30rpx;
		display: flex;
		justify-content: space-between;
		margin-right: 50rpx;
	}

	.goods3 {
		margin-left: 30rpx;
		// display: flex;
		// justify-content: space-evenly;
		// margin-right: 50rpx;
	}



	.goods {
		// height: 500rpx;

		.price {
			// margin-bottom: 20rpx;

			.lifeVIP {
				height: 195rpx;
				margin-left: 35rpx;
				margin-right: 35rpx;

				.lifeVIP_daojishi {
					display: flex;
					position: relative;
					bottom: -25rpx;
					width: 350rpx;
					height: 70rpx;
					background-color: #5490FF;
					border-radius: 20rpx 0 20rpx 0;
					text-align: center;
					align-items: center;
					justify-content: center;
					line-height: 70rpx;
					font-size: 22rpx;
					font-family: Source Han Sans CN;
					font-weight: 500;
					color: #FFFFFF;

					.time {
						@include flex;
						align-items: center;

						&__custom {
							margin-top: 4px;
							width: 38rpx;
							height: 28rpx;
							background-color: #f9f9f9;
							border-radius: 4px;
							/* #ifndef APP-NVUE */
							display: flex;
							/* #endif */
							justify-content: center;
							align-items: center;

							&__item {
								color: #161616;
								font-size: 22rpx;
								text-align: center;
							}
						}

						&__doc {
							color: #161616;
							padding: 0px 4px;
						}

						&__item {
							color: #606266;
							font-size: 15px;
							margin-right: 4px;
						}
					}
				}

				.lifeVIP_price {
					height: 169rpx;
					border-radius: 18rpx;
					border: 1px solid #D0D0D0;

				}

				.lifeVIP_price_font1_first {
					display: flex;
					justify-content: space-between;
					margin-bottom: 20rpx;
				}

				.lifeVIP_price_font1_second {
					display: flex;
					justify-content: space-between;
					align-items: center;
					margin: auto;
				}

				.lifeVIP_price_font1 {
					// width: 205rpx;
					height: 33rpx;
					font-size: 34rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #FF4B2D;
					line-height: 139rpx;
					margin-left: 42rpx;
				}

				.lifeVIP_price_font2 {
					margin-right: 42rpx;
					height: 41rpx;
					font-size: 43rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #FF4B2D;
					line-height: 139rpx;
				}

				.lifeVIP_price_font3 {
					margin-left: 42rpx;
					height: 27rpx;
					font-size: 29rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #333333;
					line-height: 139rpx;
				}

				.lifeVIP_price_font6 {
					margin-right: 42rpx;
					height: 21rpx;
					font-size: 22rpx;
					font-family: PingFang SC;
					font-weight: 500;
					text-decoration: line-through;
					color: #999999;
					line-height: 139rpx;
				}
			}
		}
	}

	.uni-tab-bar {
		overflow: auto;
		position: relative;
		margin-top: 20px;
	}

	.discount {
		width: 696rpx;
		height: 60rpx;
		margin: auto;
		margin-bottom: 25rpx;
		margin-top: 25rpx;

		text {
			height: 31rpx;
			font-size: 34rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #333333;
			line-height: 60rpx;
		}
	}

	.introduce {
		margin: auto;
		width: 660rpx;
		font-size: 22rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #878686;
		line-height: 36rpx;
	}

	.introduce_title {
		width: 696rpx;
		height: 60rpx;
		margin: auto;

		text {
			height: 31rpx;
			font-size: 29rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #333333;
			line-height: 60rpx;
		}
	}

	.vip_tool {
		width: 700rpx;
		margin: auto;
		margin-top: 20rpx;

		.grid-item-box {
			display: flex;
			flex-direction: column;
			align-items: center;

			.image {
				width: 61rpx;
				height: 61rpx;
			}

			.text {
				margin-top: 20rpx;
				font-size: 22rpx;
				font-family: PingFang SC;
				color: #333333;
			}
		}
	}

	.banner_box {
		width: 696rpx;
		height: 245rpx;
		margin: auto;
		margin-top: 10rpx;
		border-radius: 18rpx;

		.swiper_banner_box {
			width: 696rpx;
			height: 245rpx;

			.banner_image {
				image {
					width: 100%;
					height: 100%;
				}
			}
		}
	}

	.paymentCenter_box {
		width: 100%;
		height: 100%;
		padding-bottom: 200rpx;
	}
</style>
<style>
	page{
		background: #FFF3F3;
	}
</style>